@charset "utf-8";
/* CSS Document */
body{font:normal normal 0.32rem/1 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;color: #000;min-width: 1300px;}
textarea,input{font:normal normal 0.28rem/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;}

.clear:after {content:"";display: block;clear:both;}
body,p,ol,ul,h1,h2,h3,h4,h5,h6{margin: 0;padding:0;list-style: none;font:normal normal 0.28rem/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;}
button{font:normal normal 0.28rem/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;}
a{color:inherit;text-decoration: none;}
.nowrap{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fl{float: left;}
.fr{float: right;}
.i100{overflow:hidden;}
.i100>img{width: 100%;}
a>img{width: 100%;}
@font-face {font-family: "din";src:url("../font/din/din.otf") format("opentype"),url("../font/din/din.ttf") format("truetype"),url("../fonts/din.woff") format("woff");}
@font-face {font-family: "aachenbt";src:url("../font/aachenbt/aachenbt.otf") format("opentype"),url("../font/aachenbt/aachenbt.ttf") format("truetype"),url("../fonts/aachenbt.woff") format("woff");}
@font-face {font-family: "fzhtjt";src:url("../font/fzhtjt/fzhtjt.otf") format("opentype"),url("../font/fzhtjt/fzhtjt.ttf") format("truetype"),url("../fonts/fzhtjt.woff") format("woff");}
@font-face {font-family: "adobeheitistd";src:url("../font/adobeheitistd/adobeheitistd.otf") format("opentype"),url("../font/adobeheitistd/adobeheitistd.ttf") format("truetype"),url("../fonts/adobeheitistd.woff") format("woff");}

/*@media only screen and (min-width: 1024px){
	body{min-width: 1300px;}
}
@media only screen and (max-width: 1023px){
	body{width: 100%;}
}*/

{head}
.z-head-d1{width: 100%;height: 100px;position: relative;overflow: hidden;}
.z-head-i1{/* width: 425px; */position: absolute;left: 2%;top: 8px;}
.z-head-d2{position: absolute;top: 0;right: 2%;}
.z-head-i2{width: 62px;padding-top: 19px;float: right;margin-right: 12px;}
.z-head-p1{font-size: 32px;line-height: 100px;color: #3f7c38;font-family: "din";float: right;}
.z-head-d3{height: 100%;width: 60%;position: absolute;top: 0;left: 28%;}
.z-head-d4{float: left;width: 11.1111%;height: 100%;position: relative;overflow: hidden;}
.z-head-k1{width: 100%;height: 100%;position: absolute;top: 100%;left: 0;background: #3f7c38;transition: 0.5s;}
.z-head-d4:hover .z-head-k1{top: 0;transition: 0.5s;}
.z-head-d4on .z-head-k1{top: 0;transition: 0.5s;}
.z-head-i3{width: 86px;position: absolute;top: 100%;left: calc(50% - 43px);transition: 0.5s;transition-delay: 0.2s;}
.z-head-d4:hover .z-head-i3{top: calc(100% - 36px);transition: 0.5s;}
.z-head-d4on .z-head-i3{top: calc(100% - 36px);transition: 0.5s;}
.z-head-p2{width: 100%;font-size: 18px;line-height: 20px;color: #292929;text-align: center;position: absolute;top: 40px;left: 0;transition: 0.5s;}
.z-head-d4:hover .z-head-p2{color: #fff;top: 30px;transition: 0.5s;}
.z-head-d4on .z-head-p2{color: #fff;top: 30px;transition: 0.5s;}
.z-head-d4 a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;}
@media only screen and (max-width: 1439px) {
	.z-head-d1{width: 100%;height: 100px;position: relative;overflow: hidden;}
	.z-head-i1{width: 180px;position: absolute;left: 2%;top: 17px;}
	.z-head-d2{position: absolute;top: 0;right: 2%;}
	.z-head-i2{width: 40px;padding-top: 30px;float: right;margin-right: 12px;}
	.z-head-p1{font-size: 28px;line-height: 100px;color: #3f7c38;font-family: "din";float: right;}
	.z-head-d3{height: 100%;width: 64%;position: absolute;top: 0;left: 16%;}
	.z-head-d4{float: left;width: 11.1111%;height: 100%;position: relative;overflow: hidden;}
	.z-head-k1{width: 100%;height: 100%;position: absolute;top: 100%;left: 0;background: #3f7c38;transition: 0.5s;}
	.z-head-d4:hover .z-head-k1{top: 0;transition: 0.5s;}
	.z-head-i3{width: 86px;position: absolute;top: 100%;left: calc(50% - 43px);transition: 0.5s;transition-delay: 0.2s;}
	.z-head-d4:hover .z-head-i3{top: calc(100% - 36px);transition: 0.5s;}
	.z-head-p2{width: 100%;font-size: 18px;line-height: 20px;color: #292929;text-align: center;position: absolute;top: 40px;left: 0;transition: 0.5s;}
	.z-head-d4:hover .z-head-p2{color: #fff;top: 30px;transition: 0.5s;}
	.z-head-d4 a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;}
}

{banner}
.z-ban-d1{width: 100%;height: 820px;position: relative;overflow: hidden;}
.swiper1{width: 1920px!important;height: 100%;position: absolute;top: 0;left: calc(50% - 960px);}
.swiper1 .swiper-slide{width: 100%;}
.swiper1 .swiper-slide>img{width: 100%;}
.z-ban-i1{/*width: 385px;*/position: absolute;top: 152px;left: calc(50% + 88px);}
.z-ban-i2{width: 570px;position: absolute;top: 176px;right: calc(50% - 48px);}
.pagination1{width: 100%;position: absolute;left: 0;bottom: 60px;}
.pagination1 .swiper-pagination-bullet{width: 42px;height: 12px;border: 0;border-radius: 6px;background: #fff;opacity: 1;margin: 0 10px;transition: 0.5s;}
.pagination1 .swiper-pagination-bullet-active{width: 56px;background: #3f7c38;transition: 0.5s;}

{about us}
.z-syabout-d1{width: 100%;height: 668px;position: relative;overflow: hidden;}
.z-syabout-d1>img{width: 1920px;position: absolute;top: 0;left: calc(50% - 960px);}
.z-syabout-p1{width: 100%;position: absolute;top: 84px;left: 0;}
.z-syabout-p1 div:first-child{font-size: 36px;line-height: 58px;text-align: center;color: #d4d4d4;font-family: "aachenbt";}
.z-syabout-p1 div:last-child{font-size: 40px;line-height: 58px;text-align: center;color: #333333;}
.z-syabout-p2{width: 1250px;position: absolute;top: 246px;left: calc(50% - 625px);font-size: 16px;line-height: 30px;color: #666666;text-align: center;font-weight: lighter;}
.z-syabout-d1 .z-bt-d1{top: 398px;left: calc(50% - 90px);}

{bt}
.z-bt-d1{width: 180px;height: 46px;border: 1px solid #407d39;box-sizing: border-box;background: #3f7c38;overflow: hidden;position: absolute;cursor: pointer;}
.z-bt-k1{width: 0;height: 0;position: absolute;top: 50%;left: 50%;background: #fff;transition: 0.5s;transition-delay: 0.5s;}
.z-bt-d1:hover .z-bt-k1{width: 100%;height: 100%;top: 0;left: 0;transition: 0.5s;transition-delay: 0.1s;}
.z-bt-k2{width: 0;height: 0;position: absolute;top: 50%;left: 50%;background: #3f7c38;transition: 0.5s;transition-delay: 0.3s;}
.z-bt-d1:hover .z-bt-k2{width: 100%;height: 100%;top: 0;left: 0;transition: 0.5s;transition-delay: 0.3s;}
.z-bt-k3{width: 0;height: 0;position: absolute;top: 50%;left: 50%;background: #fff;transition: 0.5s;transition-delay: 0.1s;}
.z-bt-d1:hover .z-bt-k3{width: 100%;height: 100%;top: 0;left: 0;transition: 0.5s;transition-delay: 0.5s;}
.z-bt-p1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-size: 16px;line-height: 44px;color: #fff;text-align: center;font-weight: lighter;transition: 0.5s;}
.z-bt-d1:hover .z-bt-p1{color: #3f7c38;transition: 0.5s;}

{news information}
.z-synews-d1{width: 100%;height: 660px;overflow: hidden;position: relative;}
.z-synews-d1>img{width: 1920px;position: absolute;top: 0;left: calc(50% - 960px);}
.z-synews-p1{width: 100%;position: absolute;top: 55px;left: 0;}
.z-synews-p1 div:first-child{font-size: 36px;line-height: 58px;text-align: center;color: #c5cecf;font-family: "aachenbt";}
.z-synews-p1 div:last-child{font-size: 40px;line-height: 58px;text-align: center;color: #ffffff;}
.z-synews-d2{width: 1300px;position: absolute;top: 188px;left: calc(50% - 650px)}
.z-synews-d3{width: 420px;height: 410px;margin-right: 20px;position: relative;overflow: hidden;float: left;box-shadow: 0 4px 35px rgba(236,236,236,0.35);}
.z-synews-d3:last-child{margin-right: 0;}
.z-synews-i1{width: 100%;height: 180px;overflow: hidden;}
.z-synews-d4{width: 100%;height: calc(100% - 180px);background: #fff;position: absolute;bottom: 0;left: 0;transition: 0.5s;}
.z-synews-d3:hover .z-synews-d4{height: 100%;background: #3f7c38;transition: 0.5s;}
.z-synews-p2{width: 354px;height: 20px;font-size: 18px;line-height: 20px;color: #333333;text-align: center;position: absolute;top: 36px;left: calc(50% - 177px);transition: 0.5s;}
.z-synews-d3:hover .z-synews-p2{top: 72px;color: #fff;transition: 0.5s;}
.z-synews-p3{width: 354px;height: 56px;font-size: 14px;line-height: 28px;color: #666666;position: absolute;top: 96px;left: calc(50% - 177px);transition: 0.5s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.z-synews-d3:hover .z-synews-p3{height: 84px;top: 170px;color: #fff;transition: 0.5s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.z-synews-p4{width: 100%;height: 16px;font-size: 14px;line-height: 16px;color: #999999;text-align: center;position: absolute;top: 176px;left: 0;transition: 0.5s;}
.z-synews-d3:hover .z-synews-p4{top: 128px;color: #fff;transition: 0.5s;}
.z-synews-l1{width: 80px;height: 1px;background: #dcdcdc;position: absolute;top: 80px;left: calc(50% - 40px);transition: 0.5s;}
.z-synews-d3:hover .z-synews-l1{width: 0;left: 50%;transition: 0.5s;}
.z-synews-bt1{width: 148px;height: 42px;border: 1px solid #fff;box-sizing: border-box;position: absolute;top: 304px;left: calc(50% - 74px);}
.z-synews-bt1>div:nth-child(1){width: 0;height: 0;position: absolute;top: 50%;left: 50%;background: #fff;transition: 0.5s;transition-delay: 0.5s;}
.z-synews-bt1>div:nth-child(2){width: 0;height: 0;position: absolute;top: 50%;left: 50%;background: #3f7c38;transition: 0.5s;transition-delay: 0.3s;}
.z-synews-bt1>div:nth-child(3){width: 0;height: 0;position: absolute;top: 50%;left: 50%;background: #fff;transition: 0.5s;transition-delay: 0.1s;}
.z-synews-bt1>div:nth-child(4){width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-size: 16px;line-height: 40px;color: #fff;text-align: center;transition: 0.5s;}
.z-synews-bt1:hover>div:nth-child(1){width: 100%;height: 100%;top: 0;left: 0;transition: 0.5s;transition-delay: 0.1s;}
.z-synews-bt1:hover>div:nth-child(2){width: 100%;height: 100%;top: 0;left: 0;transition: 0.5s;transition-delay: 0.3s;}
.z-synews-bt1:hover>div:nth-child(3){width: 100%;height: 100%;top: 0;left: 0;transition: 0.5s;transition-delay: 0.5s;}
.z-synews-bt1:hover>div:nth-child(4){color: #3f7c38;transition: 0.5s;}

{product display}
.z-syproduct-d1{width: 100%;height: 815px;position: relative;overflow: hidden;}
.z-syproduct-d1>img{width: 1920px;position: absolute;bottom: 0;left: calc(50% - 960px);}
.z-syproduct-p1{position: absolute;top: 0;left: calc(50% - 650px);}
.z-syproduct-p1 div:first-child{font-size: 36px;line-height: 58px;color: #d4d4d4;font-family: "aachenbt";}
.z-syproduct-p1 div:last-child{font-size: 40px;line-height: 58px;color: #333333;}
.z-syproduct-d1 .z-bt-d1{top: 32px;right: calc(50% - 650px);}
.z-syproduct-bt1>a{display: none;}
.z-syproduct-p2{position: absolute;top: 85px;left: calc(50% - 376px);}
.z-syproduct-p2 span{display: inline-block;font-size: 20px;line-height: 14px;color: #666666;font-weight: lighter;padding: 0 20px;height: 14px;transition: 0.5s;cursor: pointer;}
.z-syproduct-p2 span:first-child{border-right: 1px solid #666666;}
.z-syproduct-p2 span:hover{color: #3f7c38;transition: 0.5s;}
.z-syproduct-p2son{color: #3f7c38!important;transition: 0.5s!important;}
.z-syproduct-d5{width: 1374px;position: absolute;top: 265px;left: calc(50% - 687px);}
.z-syproduct-d2{width: 1374px;position: absolute;top: 0;left: 0;display: none;}
.z-syproduct-d3{width: 440px;height: 420px;position: relative;float: left;margin-right: 27px;}/*background: #fff;*/
.z-syproduct-d3:last-child{margin-right: 0;}
.z-syproduct-i1{width: 100%;height: 338px;position: absolute;top: 0;left: 0;overflow: hidden;}
.z-syproduct-i1 img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-height: 100%;}/*max-width: 100%;原max-height: 70%;*/
.z-syproduct-p3{width: calc(100% - 10px);height: 82px;/*border-top: 1px solid #e6e6e6;*/position: absolute;bottom: 0;left: 5px;font-size: 18px;line-height: 82px;color: #333333;text-align: center;}
.z-syproduct-p3{background: rgba(64, 125, 57,0.7);color: #fff;width: 100%;left: 0;}
.z-syproduct-d4{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #3f7c38;transform: rotateY(90deg);transition: 0.5s;}
.z-syproduct-d3:hover .z-syproduct-d4{transform: rotateY(0deg);transition: 0.5s;}
.z-syproduct-p4{width: calc(100% - 10px);height: 94px;border-bottom: 1px solid rgba(255,255,255,0.5);position: absolute;top: 0;left: 5px;font-size: 18px;line-height: 108px;color: #fff;text-align: center;}
.z-syproduct-p5{width: 344px;height: 120px;position: absolute;top: 122px;left: calc(50% - 172px);font-size: 14px;line-height: 30px;color: #fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.z-syproduct-i2{width: 162px;position: absolute;top: 254px;left: calc(50% - 81px);}
.z-syproduct-i2 img{transition: 0.5s;}
.z-syproduct-i2:hover img{transform: rotateY(360deg);transition: 0.5s;}
.z-syproduct-i2 div{width: 100%;font-size: 14px;line-height: 16px;color: #fff;text-align: center;position: absolute;top: 55px;left: 0;}

{employee demeanor}
.z-syemployee-d1{width: 100%;height: 900px;position: relative;}
.z-syemployee-p1{position: absolute;top: 90px;left: calc(50% - 650px);}
.z-syemployee-p1 div:first-child{font-size: 36px;line-height: 58px;color: #d4d4d4;font-family: "aachenbt";}
.z-syemployee-p1 div:last-child{font-size: 40px;line-height: 58px;color: #333333;}
.z-syemployee-d1 .z-bt-d1{top: 125px;right: calc(50% - 650px);}
.z-syemployee-d2{width: 100%;max-width: 1300px;position: absolute;top: 250px;left: calc(50% - 650px);}
.z-syemployee-i1{width: 410px;height: 256px;position: relative;overflow: hidden;margin-bottom: 18px;margin-right: 23px;float: left;}
/*.z-syemployee-i1:nth-child(3n-1){margin-right: 0;}*/
/*.z-syemployee-i1:nth-child(1){width: 761px;}
.z-syemployee-i1:nth-child(2){width: 516px;}*/
.z-syemployee-i1>img{min-height: 100%;transition: 0.5s;}
.z-syemployee-i1:hover>img{transform: scale(1.1);transition: 0.5s;}
.z-syemployee-i1 a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;}

{join}
.z-syjoin-d1{width: 100%;height: 560px;position: relative;overflow: hidden;}
.z-syjoin-d1>img{width: 1920px;position: absolute;top: 0;left: calc(50% - 960px);transition: 0.5s;}
.z-syjoin-d1:hover>img{transform: scale(1.1);transition: 0.5s;}
.z-syjoin-i1{width: 689px;position: absolute;top: 120px;left: calc(50% - 344px);}
.z-syjoin-p1{font-family: "fzhtjt";font-size: 56px;line-height: 56px;color: #fff;text-shadow: 0 14px 7px rgba(126,126,126,0.55);position: absolute;top: 302px;left: calc(50% - 118px);}
.z-syjoin-p2{font-family: "fzhtjt";font-size: 30px;line-height: 30px;color: #fff;text-shadow: 0 14px 7px rgba(126,126,126,0.55);letter-spacing: 3px;text-indent: 3px;position: absolute;top: 378px;left: calc(50% - 328px);}
.z-syjoin-p3{font-family: "adobeheitistd";font-size: 26px;line-height: 26px;color: #fff;text-shadow: 0 14px 7px rgba(126,126,126,0.55);letter-spacing: 30px;text-indent: 30px;position: absolute;top: 422px;left: calc(50% - 320px);}

{return video}
.z-syreturn-d1{width: 100%;height: 746px;position: relative;overflow: hidden;}
.z-syreturn-p1{position: absolute;top: 50px;left: calc(50% - 650px);}
.z-syreturn-p1 div:first-child{font-size: 36px;line-height: 58px;color: #d4d4d4;font-family: "aachenbt";}
.z-syreturn-p1 div:last-child{font-size: 40px;line-height: 58px;color: #333333;}
.z-syreturn-d1 .z-bt-d1{top: 84px;right: calc(50% - 650px);}
.swiper2{width: 1130px;height: 420px;position: absolute;top: 210px;left: calc(50% - 565px);text-align: center;}
.swiper2 .swiper-slide{width: 860px;height: 420px;}
.swiper2 .swiper-slide img{opacity: 0.5;transition: 0.5s;}
.swiper2 .swiper-slide img:first-child{width: 100%;height: 100%;}
.swiper2 .swiper-slide img:last-child{width: 88px;height: 88px;position: absolute;top: calc(50% - 44px);left: calc(50% - 44px);}
.swiper2 .swiper-slide-prev img{opacity: 0.6;transition: 0.5s;}
.swiper2 .swiper-slide-next img{opacity: 0.6;transition: 0.5s;}
.swiper2 .swiper-slide-active img{opacity: 1;transition: 0.5s;}
.prev2{background: none;width: 47px;height: 80px;position: absolute;top: 400px;left: calc(50% - 650px);}
.next2{background: none;width: 47px;height: 80px;position: absolute;top: 400px;right: calc(50% - 650px);}
.z-syreturn-d2{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 200;background: rgba(0,0,0,0.8);display: none;}
.z-syreturn-d2 video{width: 800px;height: 500px;position: absolute;top: calc(50% - 250px);left: calc(50% - 400px);background: #000;}
.z-syreturn-d2 embed{width: 800px;height: 500px;position: absolute;top: calc(50% - 250px);left: calc(50% - 400px);background: #000;}
.z-syreturn-d2 iframe{width: 800px;height: 500px;position: absolute;top: calc(50% - 250px);left: calc(50% - 400px);background: #000;}
.z-syreturn-bt1{width: 50px;height: 50px;border: 2px solid #fff;border-radius: 50%;position: absolute;top: calc(50% - 300px);left: calc(50%  + 450px);transform: rotate(45deg);cursor: pointer;}
.z-syreturn-bt1 b:first-child{display: block;width: 40px;height: 2px;background: #fff;position: absolute;top: calc(50% - 1px);left: calc(50% - 20px);}
.z-syreturn-bt1 b:last-child{display: block;width: 2px;height: 40px;background: #fff;position: absolute;top: calc(50% - 20px);left: calc(50% - 1px);}
{foot}
.z-foot-d1{width: 100%;height: 614px;position: relative;overflow: hidden;}
.z-foot-d1>img{width: 1920px;position: absolute;top: 0;left: calc(50% - 960px);}
.z-foot-d2{width: 1300px;height: 420px;border: 1px solid #d0d0d0;box-sizing: border-box;background: rgba(255,255,255,0.66);position: absolute;top: 104px;left: calc(50% - 650px);}
.z-foot-p1{font-size: 20px;line-height: 20px;color: #333333;font-weight: lighter;position: absolute;top: 44px;left: 44px;}
.z-foot-d3{width: 600px;position: absolute;top: 66px;left: 44px;}
.z-foot-d4:nth-child(1){width:280px;height: 70px;float: left;margin-bottom: 30px;position: relative;overflow: hidden;}
.z-foot-d4:nth-child(2){width:280px;height: 70px;float: right;margin-bottom: 30px;position: relative;overflow: hidden;}
.z-foot-d4:nth-child(3){width:600px;height: 140px;float: left;margin-bottom: 30px;position: relative;border: 1px solid rgba(214,214,214,0.47);box-sizing: border-box;background: rgba(51,51,51,0.06);overflow: hidden;}
.z-foot-d4:nth-child(4){width:184px;height: 30px;float: left;margin-bottom: 30px;position: relative;overflow: visible;}
.z-foot-d4:nth-child(4) .z-foot-p2{position: absolute;top: -3px;left: 0;font-size: 16px;line-height: 34px;color: #333;font-weight: lighter;}
.z-foot-d4:nth-child(4) input{width: calc(100% - 50px);height: 56px;border: 0;background: none;outline: none;display: block;font-size: 16px;line-height: 40px;color: #333;font-weight: lighter;position: absolute;top: -14px;right: 0;}
.z-foot-p2{position: absolute;top: 0;left: 0;font-size: 16px;line-height: 70px;color: #333;font-weight: lighter;}
.z-foot-d4 input{width: calc(100% - 42px);height: 70px;text-indent: 1rem;border: 0;background: none;outline: none;display: block;font-size: 16px;line-height: 70px;color: #333;font-weight: lighter;position: absolute;top: 0;right: 0;}
.z-foot-l1{width: 100%;height: 1px;position: absolute;bottom: 0;left: 0;background: #98aebe;}
.z-foot-l2{width: 0;height: 1px;background: #3f7c38;transition: 0.5s;}
.z-foot-d4:hover .z-foot-l2{width: 160px;transition: 0.5s;}
.z-foot-l2on{width: 100%!important;transition: 0.5s!important;}
.z-foot-d4 textarea{width: calc(100% - 46px);height: 100%;position: absolute;top: 0;left: 46px;display: block;border: 0;outline: none;background: none;font-size: 14px;line-height: 36px;color: #333;font-weight: lighter;resize: none;}
.z-foot-d4:nth-child(3) .z-foot-p2{font-size: 16px;line-height: 16px;color: #333;position: absolute;top: 13px;left: 13px}
.z-foot-d3 form>input{width: 200px;height: 38px;border: 1px solid #3f7c38;border-radius: 19px;background: #3f7c38;outline: none;display: block;margin: 0 auto;font-size: 14px;line-height: 36px;color: #fff;text-align: center;cursor: pointer;transition: 0.5s;}
.z-foot-d3 form>input:hover{color: #3f7c38;background: #fff;transition: 0.5s;}
.z-foot-i1{width: 135px;position: absolute;top: 137px;left: calc(50% + 47px);}
.z-foot-p4{width: 100%;height: 52px;font-size: 16px;line-height: 52px;color: #3c3c3c;text-align: center;}
.z-foot-d5{width: 360px;position: absolute;top: 130px;right: 60px;}
.z-foot-p3{width: 100%;}
.z-foot-p3 div{font-size: 16px;line-height: 36px;color: #3a3939;font-weight: lighter;}
.z-foot-p3 div:first-child{width: 80px;float: left;}
.z-foot-p3 div:last-child{width: calc(100% - 80px);float: right;}
.z-foot-d6{width: 100%;height: 105px;background: #fff;font-size: 18px;line-height: 105px;color: #000000;text-align: center;border-top: 1px solid #dcdcdc;}
.z-foot-d6 p{line-height: 40px}
.z-foot-d4:nth-child(4)>img:first-child{position: absolute;top: 0px;left: 185px;}

{ban1}
.z-ban1-d1{width: 100%;height: 580px;position: relative;min-width: 1300px;overflow: hidden;background: #000;}
.z-ban1-d1>img{width: 1920px;position: absolute;top: 0;left: calc(50% - 960px);transition: 0.5s;}
.z-ban1-d1:hover>img{transform: skewY(3deg) scale(1.2);transition: 0.5s;}
.z-ban1-p1{padding: 15px 45px;background: rgba(63, 124, 56,0.86);position: absolute;top: 238px;left: calc(50% - 650px);}
.z-ban1-p1 div:first-child{font-size: 36px;line-height: 40px;color: #d4d4d4;font-family: "aachenbt";}
.z-ban1-p1 div:last-child{font-size: 40px;line-height: 48px;color: #fff;}
.z-ban1-i1{position: absolute;bottom: 0;left: calc(50% - 738px);width: 1407px;}
.z-ban1-i2{width: 1920px;position: absolute;bottom: 0;left: calc(50% - 960px);}
.z-ban1-i2>img{width: 1914px;position: absolute;bottom: 0;left: calc(50% - 960px);}
.z-ban1-p2{font-size: 22px;line-height: 62px;color: #fff;position: absolute;bottom: 0;width: 120px;text-align: center;}
.z-ban1-p2:first-child{left: calc(50% - 386px);}
.z-ban1-p2:last-child{left: calc(50% + 124px);}


{title1}
.z-title1-d1{width: 100%;/*height: 200px;*/font-size: 36px;line-height: 60px;text-align: center;padding-bottom: 58px;padding-top: 82px;}
.z-title1-d1 span:first-child{color: #333333;}
.z-title1-d1 span:last-child{color: #b51211;}

{label}
.z-label-d0{width: 100%;height: 190px;overflow: hidden;position: relative;}
.z-label-d1{width: 100%;text-align: center;height: 36px;position: absolute;top: calc(50% - 18px);left: 0;}
.pageup{font-size: 16px;line-height: 36px;color: #666666;text-align: center;font-weight: lighter;height: 36px;margin: 0 24px;display: inline-block;transition: 0.5s;}
.pagedown{font-size: 16px;line-height: 36px;color: #666666;text-align: center;font-weight: lighter;height: 36px;margin: 0 24px;display: inline-block;transition: 0.5s;}
.pageup:hover{color: #3f7c38;transition: 0.5s;}
.pagedown:hover{color: #3f7c38;transition: 0.5s;}
.z-label-d2{display: inline-block;text-align: center;}
.z-label-d2 a{padding: 0 14px;height: 36px;border: 1px solid #cccccc;border-radius: 4px;box-sizing: border-box;background: #fff;display: inline-block;margin: 0 6px;font-size: 16px;line-height: 34px;color: #666666;text-align: center;font-weight: lighter;transition: 0.5s;}
.z-label-d2 a:hover{background: #3f7c38;border: 1px solid #3f7c38;color: #fff;transition: 0.5s;}
.select{background: #3f7c38!important;border: 1px solid #3f7c38!important;color: #fff!important;}

{product_list}
.z-product-d1{width: 1300px;margin: 0 auto;}
.z-product-d1 .z-syproduct-d3{width: 410px;margin-right: 35px;margin-bottom: 35px;box-shadow: 0 0 20px rgba(237,237,237,0.36);}
.z-product-d1 .z-syproduct-d3:nth-child(3n){margin-right: 0;}

{news_list}
.z-news-d1{width: 1300px;margin: 0 auto;}
.z-news-d1 .z-synews-d3{float: left;margin-bottom: 20px;box-shadow: 0 0 20px rgba(237,237,237,0.36);}
.z-news-d1 .z-synews-d3:nth-child(3n){margin-right: 0;}

{video_list}
.z-video-d1{width: 1300px;margin: 0 auto;padding-top: 120px;}
.z-video-d2{width: 640px;position: relative;margin-bottom: 20px;}
.z-video-d2:nth-child(odd){float: left;}
.z-video-d2:nth-child(even){float: right;}/*
.z-video-d2:nth-last-child(1){margin-bottom: 0;}
.z-video-d2:nth-last-child(2){margin-bottom: 0;}*/
.z-video-i1{width: 100%;height: 342px;position: relative;}/*height: 388px;*/
.z-vide0-i1>img{min-height: 100%;transition: 0.5s;}
.z-video-d2:hover .z-vide0-i1>img{transform: scale(1.1);transition: 0.5s;}
.z-video-k1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.5);transform: rotateX(90deg) rotateY(90deg) rotateZ(90deg);transition: 0.5s;}
.z-video-d2:hover .z-video-k1{transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);transition: 0.5s;}
.z-video-i2{width: 88px;height: 88px;position: absolute;top: calc((388px / 2) - 44px);left: calc(50% - 44px);transition: 0.5s;}
.z-video-d2:hover .z-video-i2{transform: rotate(360deg);transition: 0.5s;}
.z-video-p1{width: 100%;height: 66px;background: #eaeaea;position: relative;font-size: 18px;line-height: 66px;color: #333333;text-align: center;font-weight: lighter;}
.z-video-d2 a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;}

{employee_list}
.z-employee-d1{width: 1300px;margin: 0 auto;}
.z-employee-d2{width: 100%;height: 238px;position: relative;margin-bottom: 24px;overflow: hidden;}
.z-employee-d2:last-child{margin-bottom: 0;}
.z-employee-i1{width: 390px;height: 100%;}
.z-employee-i1>img{min-height: 100%;transition: 0.5s;}
.z-employee-d2:hover .z-employee-i1>img{transform: scale(1.1);transition: 0.5s;}
.z-employee-k1{width: 0;height: 100%;position: absolute;top: 0;left: 390px;background: #f4f4f4;transition: 0.5s;}
.z-employee-d2:hover .z-employee-k1{width: calc(100% - 390px);}
.z-employee-p1{font-size: 24px;line-height: 26px;color: #333333;font-weight: lighter;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 650px;position: absolute;left: 436px;top: 36px;}
.z-employee-p2{font-size: 16px;line-height: 30px;color: #666666;font-weight: lighter;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width: 812px;height: 60px;position: absolute;left: 436px;top: 80px;}
.z-employee-p3{font-size: 16px;line-height: 16px;color: #999999;font-weight: lighter;position: absolute;top: 42px;right: 52px;}
.z-employee-d1 .z-bt-d1{position: absolute;top: 166px;left: 442px;width: 148px;height: 42px;}
.z-employee-d1 .z-bt-p1{font-size: 16px;line-height: 40px;}

{team_list}
.z-team-d1{width: 1300px;margin: 0 auto;}
.z-team-d2{width: 418px;position: relative;float: left;margin-right: 23px;margin-bottom: 26px;}
.z-team-d2:nth-child(3n){margin-right: 0;}
.z-team-i1{width: 100%;height: 256px;position: relative;}
.z-team-i1>img{min-height: 100%;transition: 0.5s;}
.z-team-d2:hover .z-team-i1>img{transform: scale(1.1);transition: 0.5s;}
.z-team-k1{width: 0;height: 0;border: 0;position: absolute;top: 50%;left: 50%;background: rgba(230,0,18,0);transition: 0.5s;}
.z-team-d2:hover .z-team-k1{width: 100%;height: 100%;top: 0;left: 0;background: rgba(230,0,18,0.8);transition: 0.5s;}
.z-team-bt1{width: 146px;height: 40px;border: 1px solid #fff;box-sizing: border-box;background: #fff;position: absolute;top: calc((256px / 2) - 20px);left: calc(50% - 73px);opacity: 0;transition: 0.5s;}
.z-team-d2:hover .z-team-bt1{opacity: 1;transition: 0.5s;}
.z-team-bt1>div:nth-child(1){width: 0;height: 0;position: absolute;top: 50%;left: 50%;background: #3f7c38;transition: 0.5s;transition-delay: 0.5s;}
.z-team-bt1>div:nth-child(2){width: 0;height: 0;position: absolute;top: 50%;left: 50%;background: #fff;transition: 0.5s;transition-delay: 0.3s;}
.z-team-bt1>div:nth-child(3){width: 0;height: 0;position: absolute;top: 50%;left: 50%;background: #3f7c38;transition: 0.5s;transition-delay: 0.1s;}
.z-team-bt1>div:nth-child(4){width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-size: 24px;line-height: 38px;color: #3f7c38;text-align: center;transition: 0.5s;}
.z-team-bt1:hover>div:nth-child(1){width: 100%;height: 100%;top: 0;left: 0;transition: 0.5s;transition-delay: 0.1s;}
.z-team-bt1:hover>div:nth-child(2){width: 100%;height: 100%;top: 0;left: 0;transition: 0.5s;transition-delay: 0.3s;}
.z-team-bt1:hover>div:nth-child(3){width: 100%;height: 100%;top: 0;left: 0;transition: 0.5s;transition-delay: 0.5s;}
.z-team-bt1:hover>div:nth-child(4){color: #fff;transition: 0.5s;}
.z-team-p1{font-size: 18px;line-height: 60px;color: #333333;font-weight: lighter;text-align: center;width: 100%;height: 60px;background: #f0f0f0;position: relative;overflow: hidden;}

{business_list}
.z-business-d1{width: 1300px;margin: 0 auto;position: relative;}
.z-business-d2{width: 100%;position: relative;}
.z-business-i1{width: 566px;height: 240px;position: absolute;top: 0;left: 0;}
.z-business-i1 img{transition: 0.5s;min-height: 100%;}
.z-business-i1:hover img{transform: scale(1.1);transition: 0.5s;}
.z-business-bu1{width: 566px;height: 240px;float: left;}
.z-business-d3{width: 636px;height: 222px;position: relative;border-bottom: 1px solid #dadada;box-sizing: border-box;transition: 0.5s;}
.z-business-d3:nth-child(odd){float: left;}
.z-business-d3:nth-child(even){float: right;}
.z-business-d3:nth-child(2){width: 682px;height: 240px;border: 0!important;}
.z-business-d3:nth-last-child(1){margin-bottom: 0;}
.z-business-d3:nth-last-child(2){margin-bottom: 0;}
/*.z-business-d3:hover{border-bottom: 1px solid #3f7c38;transition: 0.5s;}*/
.z-business-p1{width: 500px;font-size: 24px;line-height: 26px;color: #333333;font-weight: lighter;position: absolute;top: 32px;left: 0;transition: 0.5s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.z-business-d3:hover .z-business-p1{color: #3f7c38;transition: 0.5s;}
.z-business-p2{width: 100%;height: 64px;font-size: 16px;line-height: 32px;color: #666666;font-weight: lighter;position: absolute;top: 76px;left: 0;transition: 0.5s;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
/*.z-business-d3:hover .z-business-p2{color: #3f7c38;transition: 0.5s;}*/
.z-business-p3{font-size: 16px;line-height: 16px;color: #666666;font-weight: lighter;position: absolute;top: 38px;right: 0;transition: 0.5s;}
/*.z-business-d3:hover .z-business-p3{color: #3f7c38;transition: 0.5s;}*/
.z-business-d3 .z-bt-d1{position: absolute;top: 156px;left: 0;width: 148px;height: 42px;}
.z-business-d3 .z-bt-p1{font-size: 16px;line-height: 40px;}

{sale_after}
.z-sale-d1{width: 1300px;margin: 0 auto;margin-bottom: 136px;}
.z-sale-i1{width: 590px;height: 507px;float: left;}
.z-sale-i1 img{transition: 0.5s;}
.z-sale-i1:hover img{transform: scale(1.1);transition: 0.5s;}
.z-sale-p1{width: 650px;font-size: 22px;line-height: 52px;color: #666666;font-weight: lighter;float: right;}

{contact_us}
.z-contact-d1{width: 1300px;margin: 0 auto;padding-top: 94px;margin-bottom: 70px;}
.z-contact-i1{width: 135px;float: left;padding-top: 56px;}
.z-contact-i1 div{width: 100%;font-size: 16px;line-height: 36px;color: #3c3c3c;font-weight: lighter;text-align: center;}
.z-contact-p1{float: left;width: 410px;margin-left: 50px;padding-top: 50px;}
.z-contact-d2{width: 600px;float: right;}
.z-contact-d2 form>input{width: 200px;height: 38px;border: 1px solid #3f7c38;border-radius: 19px;background: #3f7c38;outline: none;display: block;float: right;font-size: 14px;line-height: 36px;color: #fff;text-align: center;cursor: pointer;transition: 0.5s;}
.z-contact-d2 form>input:hover{color: #3f7c38;background: #fff;transition: 0.5s;}
.z-contact-d3{width: 1300px;height: 320px;overflow: hidden;position: relative;margin: 0 auto;margin-bottom: 86px;}
#map{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.anchorTR{display: none;}
.anchorBL{display: none;}

{about_us}
.z-about-d1{width: 100%;height: 628px;position: relative;margin-top: -200px;margin-bottom: -100px;z-index: -1;overflow: hidden;}
.z-about-d1>img{width: 1920px;position: absolute;top: 0;left: calc(50% - 960px);}
.z-about-p1{width: 1300px;position: absolute;top: 200px;left: calc(50% - 650px);font-size: 16px;line-height: 36px;color: #666666;font-weight: lighter;}
.z-about-p1 p{font-size: 16px;line-height: 36px;font-weight: lighter;}
.z-about-d2{width: 100%;position: relative;overflow: hidden;padding-top: 98px;}
.z-about-d3{width: 1300px;margin: 0 auto;margin-bottom: 50px;}
.z-about-d4{width: 100%;padding-right: 650px;box-sizing: border-box;position: relative;padding-top: 16px;padding-bottom: 42px;}
.z-about-d4:last-child{padding-right: 0;padding-left: 520px;}
.z-about-i1{width: 60px;height: 60px;position: absolute;top: 0;left: 0;}
.z-about-d4:last-child .z-about-i1{left: 520px;}
.z-about-i1 img{position: absolute;top: 0;left: 0;}
.z-about-i1 img:first-child{opacity: 1;transition: 0.5s;}
.z-about-i1 img:last-child{opacity: 0;transition: 0.5s;}
.z-about-d4:hover .z-about-i1 img:first-child{opacity: 0;transition: 0.5s;}
.z-about-d4:hover .z-about-i1 img:last-child{opacity: 1;transition: 0.5s;}
.z-about-l1{width: 1px;height: calc(100% - 66px);position: absolute;top: 62px;left: 33px;background: #dadada;}
.z-about-d4:last-child .z-about-l1{left: 553px;}
.z-about-p2{width: calc(100% - 90px);margin-left: 90px;}
.z-about-d4:nth-child(3) .z-about-p2>div:first-child{text-indent: -24px;}
/*.z-about-p2>div:first-child{float: left;font-size: 24px;line-height: 36px;color: #3a3939;font-weight: lighter;width: 54px;}/*原*/
.z-about-p2>div:first-child {float: left; font-size: 22px;line-height: 36px;color: #3a3939;font-weight: lighter;width: 68px;}
/*.z-about-p2>div:last-child{float: right;font-size: 24px;line-height: 36px;color: #666666;font-weight: lighter;width: calc(100% - 54px);}/*原*/
.z-about-p2>div:last-child {float: right;font-size: 20px;line-height: 36px; color: #666666;font-weight: lighter;width: calc(100% - 69px);}
.z-about-i2{width: 960px;height: 556px;position: absolute;top: 0;right: calc(50% - 960px);}
.z-about-i2 img{transition: 0.5s;}
.z-about-i2:hover img{transform: scale(1.1);transition: 0.5s;}
.z-about-i3{width: 794px;height: 414px;position: absolute;top: 556px;left: calc(50% - 960px);}
.z-about-i3 img{transition: 0.5s;}
.z-about-i3:hover img{transform: scale(1.1);transition: 0.5s;}
.z-about-p3{width: 1300px;margin: 0 auto;font-size: 18px;line-height: 48px;color: #666666;font-weight: lighter;margin-bottom: 95px;}
.z-about-p3 p{font-size: 18px;color: #666666;font-weight: lighter;line-height: 48px;}